<template>
	<view>
		<uni-list>
			<uni-list-item v-for="(item,index) in options" :key="index" :title="item.key" :rightText="item.value">
				
			</uni-list-item>
		</uni-list>
		<uni-section title="已开项目详情" type="line">
			<uni-list>
				<uni-list-item v-for="(item,index) in openList" :key="index" :title="item.key" :rightText="item.value">
					
				</uni-list-item>
			</uni-list>
		</uni-section>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				options:[],
				query: [{
						key: '检验项目',
						value: 'xm'
					},
					{
						key: '标本',
						value: 'bb'
					},
					{
						key: '申请时间',
						value: 'sj'
					},
					{
						key: '状态',
						value: 'zt'
					}
				],
				openList:[
					{
						key: '项目',
						value: '--'
					},
					{
						key: '结果',
						value: '--'
					},
					{
						key: '单位',
						value: '--'
					},
					{
						key: '参考范围',
						value: '--'
					}
				]
			}
		},
		onLoad(option){
			this.query.forEach((item,index)=>{
				var xm={
					value:option[item.value],
					key:item.key
				}
				this.options.push(xm)
			})
		},
		methods: {

		}
	}
</script>

<style>
::v-deep.uni-section .uni-section-header__decoration{
    margin-right: 6px;
    background-color: #23440d;
}
</style>